All Questions
Tagged with javascripttheme-customizer
70 questions
2votes
0answers
72views
Can't find elemnts on the DOM using Custom Control in Customizer API
I'am creating a Custom Control on Customizer API, I add Multiple Checkbox as my custom type. When I wanna add a live preview, the jQuery doesn't find the selector that I want. Here's functions.php ...
- 21
3votes
1answer
47views
Execute javscript when theme customizer loads (autosave issue)
I have a theme that is having an issue when there are unsaved theme changes, then the user restores an autosave. My theme has some jquery that watches for a font to be changed, then updates a second ...
- 33
2votes
1answer
316views
the Customizer - proper way to instantiate an image upload control via javascript
I am trying to create an image control using: wp.customize.control.add( new wp.customize.Control( myControlSettingID { type: "image", button_labels: {select: 'Select ...
- 178
0votes
1answer
71views
Multiple jQuery inputs or binds in Customizer Control Javascripts
If I have 2 javascript parts (for the Wordpress customizer), how do I get part_two to have access to use the data entry from part_one? See example below. The part_two script needs access to part_one ...
1vote
0answers
507views
How to conditionally show/hide controls & sections in WordPress customizer?
I have some custom sections and controls in the WordPress customizer, including a section where other sections can be turned on and off depending on what elements the user wants on the page. When a ...
- 11
3votes
0answers
403views
WordPress Customizer Control with React
I am just doing a demo on the WordPress customizer API to edit the header with custom controls. I have designed a custom control by extending WP_Customize_Control and Jquery to refresh/postMessage ...
1vote
1answer
4kviews
Shrink Header Image on Scroll
I am currently using the free version of neve on a local server and I am trying to make my sticky header responsive based on the scroll. The text is responding correctly and becoming smaller, however ...
0votes
1answer
2kviews
How to Change CSS Variable value in Theme Customizer Live Preview
/** * Registers settings and controls with the Customizer. * * @param WP_Customize_Manager $wp_customize Customizer object. */ function mytheme_customize_register( $wp_customize ) { $...
1vote
1answer
46views
Multiple Conditional Controllers
I am trying to setup multiple instances of conditionally displayed items in the customizer. This code works for any one instance of the conditional_display() function, but won't do all three (...
2votes
0answers
143views
How to check if customize previewer is refreshing?
I am trying to send data from customize control to customize previewer. The scripts work fine until the customize previewer is refresh. The problem is only the previewer is refresh, the customize ...
- 21
0votes
1answer
142views
Customizer add query to preview URL
In some part of our customizer we are redirecting users to some specific pages. var url = 'https://test.com/specific-page'; api.previewer.previewUrl.set( url ); We want to pass a custom query along ...
- 173
2votes
1answer
1kviews
Hide/show customizer controls based on other settings in Customizer
This may be an easy one for those who know jquery. So, I have two customizer controls. First one is lmscore_improved_summary which is a checkbox. And the second one is course_instructor_layout. So ...
2votes
1answer
89views
How to hook CSS file according to theme selection in the customizer section
I have added a new area in the Customizer section which allows a user to choose whichever theme colors they want: But I don't know how to activate/add CSS files according to the selection. i.e. add ...
- 121
2votes
2answers
452views
Is there an event or an other method that tells me the preview is loaded?
I'm working on a Plugin for the WordPress Customizer and need to call a function when the previewer has loaded. Is there an event or an other method that tells me the preview is loaded? If have tried:...
- 19
0votes
1answer
202views
WordPress Customizer: Check for value of CSS selector and replace it
I'm using the following jquery to inject CSS styles into a <style id="customizer-preview"> tag in the <head> of the Customizer preview window: wp.customize( 'site_title_color', function( ...
